<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>html5 audio钢琴</title>

    <link rel="stylesheet" type="text/css" href="style.css" />

    <script src="jquery.js"></script>

    <script src="index.js"></script>

</head>



<body onselectstart="return false;" style="-moz-user-select:none;">

    <div id="container">

        <ul class="low key">

            <li>

                <span>1</span><br />

                <span>Q</span>

                <audio>

                    <source src="01.wav" type="audio/wav" />

                    <source src="01.mp3" type="audio/mpeg" />

                    Your browser does not support the audio element.

                </audio>

            </li>

         

        </ul>

    </div>

</body>

</html>